.root {
    -fx-base: #1d1d1d;
    -icons-color: rgb(61, 114, 144);
}

.split-pane:horizontal > .split-pane-divider {
    -fx-padding: 0 0 0 1;
}

.progress-bar > .bar {
    -fx-background-color: cyan;
    -fx-border-style: none;
}

Button, ToggleButton {
    -fx-background-color: derive(-fx-base, 10%);
    -fx-background-insets: 0,0,0;
    -fx-background-radius: 0,0,0;
    -fx-padding: 4 10 4 10;
    -fx-border-color: transparent;
}

Button:hover, ToggleButton:hover {
    -fx-background-color: derive(-fx-base, 20%);
}

Button:focused, ToggleButton:focused, HighlightGroupSelector:focused {
    -fx-border-color: -fx-focus-color;
}

HighlightGroupSelector {
    -fx-border-color: transparent;
    -fx-background-color: derive(-fx-base, 20%);
    -fx-min-width: 100px;
    -fx-font-size: 12px;
}

HighlightGroupSelector:hover {
    -fx-background-color: derive(-fx-base, 30%);
}

HighlightGroupSelector .label {
    -fx-font-size: 12px;
}

.favourite-button {
    -fx-background-color: green;
}

.favourite-button:hover {
    -fx-background-color: derive(green, 20%);
}

Label {
    -fx-font-family: Verdana;
    -fx-font-size: 14px;
}

.text-input.error {
    -fx-border-color: palevioletred;
}

.large-background-text {
    -fx-font-size: 24px;
    -fx-stroke: darkgray;
    -fx-fill: darkgray;
}

.selected-pane {
    -fx-border-width: 1, 1;
    -fx-border-color: -fx-focus-color, -fx-faint-focus-color;
    -fx-border-insets: -4 -4 -6 -5, -2 -2 -5 -3;
    -fx-border-radius: 2, 1;
}

.bottom-message-pane {
    -fx-background-color: lawngreen;
    -fx-min-height: 10;
    -fx-font-style: italic;
    -fx-font-size: 9;
}

.log-line {
    -fx-padding: 0 5 0 5;
}

.log-line.with-time-gap {
}

.log-line-time-gap {
    -fx-background-color: #efefefff;
    -fx-background-image: url("jrt:/com.athaydes.logfx/com/athaydes/logfx/images/timegap.png");
    -fx-padding: 0 0 0 100px;
    -fx-text-fill: black;
    -fx-font-size: 10;
}

.log-line.selected {
    -fx-background-color: -fx-focus-color !important;
    -fx-text-fill: derive(-fx-focus-color, -80%) !important;
}

LogView.dropping-files {
    -fx-border-color: lawngreen;
}

.shadow-overlay {
    -fx-opacity: 0.5;
    -fx-background-color: -fx-base;
}

.shadow-overlay.highlight {
    -fx-stroke: red 1px;
}

.message {
    -fx-font-size: 16px;
    -fx-padding: 0 0 0 20;
}

.message.info {
    -fx-background-color: palegreen;
}

.message.warning {
    -fx-background-color: sandybrown;
}

.message.error {
    -fx-background-color: palevioletred;
}

.error-output {
    -fx-text-fill: red;
    -fx-font-size: 16px;
    -fx-font-weight: bold;
    -fx-background-color: -fx-base;
}

.drop-file-pane {
    -fx-max-width: 290px;
    -fx-pref-height: 150px;
    -fx-border-width: 1px;
    -fx-border-color: derive(-fx-base, -80%);
    -fx-border-style: dashed;
}

.drop-file-pane.dropping-files {
    -fx-border-width: 2px;
    -fx-border-color: derive(-fx-base, 80%);
}

.min-time-gap-label {
    -fx-font-style: italic;
    -fx-font-size: 14;
    -fx-padding: 4 0 2 2;
    -fx-text-fill: yellowgreen;
}

.solid-border {
    -fx-border-style: solid;
    -fx-border-color: derive(-fx-base, 80%);
    -fx-padding: 8px;
    -fx-border-width: 1px;
}

.long-field {
    -fx-text-fill: black;
    -fx-focus-color: yellowgreen;
}

Circle.green-light {
    -fx-effect: dropshadow(gaussian, green, 15, 0.25, 0, 0);
}

Circle.red-light {
    -fx-effect: dropshadow(gaussian, red, 15, 0.25, 0, 0);
}
